<div class="row" id="gallery" style="padding-top:15px;">
	<?php
	if(count($poster) > 0){
		foreach($poster as $sub){
			if($sub->lomba_poster != ''){
	?>
				<div class="col-sm-6 col-md-4">
					<div class="panel panel-default">
						<div class="panel-heading"><?php echo $sub->lomba_judul; ?></div>
						<div class="panel-body">
							<a class="thumbnail" href="files/<?php echo $sub->lomba_poster; ?>">
								<img data-src="holder.js/100%x300" alt="100%x300" src="files/thumbnail/<?php echo $sub->lomba_poster; ?>" data-holder-rendered="true" style="height: 300px; width: 100%; display: block;">
							</a>
						</div>
					</div>
				</div>
	<?php }else{ ?>
				<div class="col-sm-6 col-md-4">
					<div class="panel panel-default">
						<div class="panel-heading"><?php echo $sub->lomba_judul; ?></div>
						<div class="panel-body">
							<a class="thumbnail" href="assets/images/no_image.png">
								<img data-src="holder.js/100%x300" alt="100%x300" src="assets/images/no_image.png" data-holder-rendered="true" style="height: 300px; width: 100%; display: block;">
							</a>
						</div>
					</div>
				</div>
	<?php 
			} 
		}
	}else{
		echo "Tidak ada pengumuman kompetisi. Silahkan menghubungi guru pembimbing / wakil kepala sekolah.";
	}
	?>
</div>
<script>
$('#gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	tLoading : 'Please Wait...',
	gallery: {
	  enabled:true
	}
});
</script>
<!-- <div class="row">
	<ul class="pager">
		<li class="disabled"><a href="#">&larr; Sebelumnya</a></li>
		<li><a href="#">Selanjutnya &rarr;</a></li>
	</ul>
</div> -->